*{
    margin: 0;
    padding: 0;
}
/*第一部分登录*/
.start{
    background-color:rgb(250, 250, 250);
    height: 30px;

}
.start-kd{
width: 1000px;
margin-left: auto;
margin-right: auto; 
position: relative;
}
.start-left {
  line-height: 30px;
  font-size: 10px;
  position: absolute;
}
.start-left a,.start-right a{
    text-decoration: none;
    color: rgb(140, 140, 140);
    margin-right: 10px;
}
.start-left span,.start-right span{
    margin-left: 10px;
    color: rgb(223, 223, 223);
}
 .start-right{
line-height: 30px;
font-size: 10px;
position: absolute;
right: 20px;
} 

/*第二搜索栏*/
.search-logo{
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    
}
.search-right{
    position: absolute;
    right: 112px;
    margin-top: 20px;
}
.search-wz{
    width: 126px;
    position: absolute;
    right: -20px;
    margin-top: 20px;
    font-size: 12px;
    color: rgb(140, 140, 140);
}
.search-gwc{
    width: 100px;
    height: 40px;
    position: absolute;
    right: 10px;
    margin-top: 50px;
    background-color: rgb(255, 219, 61);
    border: none;
    outline: none;
    font-weight: bolder;
}
.search-box{
    width: 370px;
    height: 36px;
    position: absolute;
    right: 143px;
    margin-top: 50px;
    outline: none;
    padding-left: 20px;
}
.search-hunt{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 120px;
    margin-top: 50px;
    background-color: white;
    outline: none;
    border: 1px solid rgb(140, 140, 140);
}
.search-url-one{
    width: 68px;
    position: absolute;
    right: 268px;
    margin-top: 60px;
    text-decoration: none;
    font-size: 10px;
    color: black;
}
.search-url-two{
    width: 68px;
    position: absolute;
    right: 214px;
    margin-top: 60px;
    text-decoration: none;
    font-size: 10px;
    color: black;
}
.search-url-three{
    width: 68px;
    position: absolute;
    right: 157px;
    margin-top: 60px;
    text-decoration: none;
    font-size: 10px;
    color: black;
}

/*第三部分*/
.hpn{
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hpn-one{
background-color: rgb(255, 74, 0);
position: absolute;
margin-top: 105px;
padding: 8px;
padding-left: 10px;
padding-right: 88px;
text-decoration: none;
color: white;
}
.hpn-two{
    background-color: rgb(64, 65, 68);
    position: absolute;
    width: 800px;
    height: 36px;
    margin-top: 106px;
    left: 194px;
    line-height: 2;
}
.hpn-three{
    position: absolute;
    text-decoration: none;
    color: white;
}

/*列表系列*/
.list{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 141px;
}
.list-one{
    width: 200px;
}
.list-one table{
    border-collapse: collapse;
}
.list-one table,td{
    border: 1px solid rgb(140, 140, 140);
    font-size: 2px;
    line-height: 20px;
    padding: 10px;
    width: 194px;
}
.list-one p{
    color:rgb(255, 74, 0);
}

/*轮播图*/

.content{
    cursor: pointer;
    position: relative;
    width:800px;
    height:400px;
    margin-top: -508px;
    margin-left: 193px;
    
}
.content img{
    width: 800px;
}
#list{
    position: absolute;
    width:800px;
    height:400px;
}
#list img,#prev,#next,#btns{
    position: absolute;
}
#list img:not(:first-child){
    display: none;
}
#prev,#next{
    cursor: pointer;
    top:50%;transform: translateY(-50%);
    z-index: 100;
    width:40px;
    height:70px;
    background:url("../images/icon-slides.png");
    border:none;
}
#prev{
    background-position-x:-86px
}
#prev:hover{
    background-position: 0;
}
#next:hover{background-position-x: -43px}
#next{
    right:0;
    background-position-x:-125px;
}
#btns{z-index: 101;
    transform: translateX(-50%);
    bottom: 70px;
    left:83%;}
#btns .current{
    color: white;
} 
#btns>span{
    cursor: pointer;
    width:20px;
    height:20px;
    display: inline-block;
    border-radius: 50%;
    border:1px solid rgb(128, 128, 128);
    background-color:rgb(70, 68, 68);
    text-align: center;
}

/*轮播图下面的照片*/
.list-two{
    margin-top: -61px;
    margin-left: 193px;
}
.list-two table{
    border-collapse: collapse;

}
.list-pict{
    border: 1px solid  rgb(140, 140, 140);
    font-size: 21px;
    line-height: 17px;
    padding: 0px;
    padding-top: 27px;
    background-color: rgb(243, 243, 243);
} 
.list-two img{
    width: 265px;
    height: 140px;
}

/*下面商品开始*/
.commodity{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.commodity-one{
    margin-top: 20px;
    color: rgb(140, 140, 140);
}
.commodity-two{
    font-size: 5px;
    color: rgb(140, 140, 140);
}
.commodity-pict{
    position: absolute;
    right:5px;
    top: 5px;
}

.commodity td{
border: 1px solid black;
margin-left: 20px;
}
.commodity table{
    border-collapse:collapse;
    width: 995.6px;
}
.commodity-zt{
    text-align: center;
    font-size: 15px;
}
.commodity-zt-one{
    text-align: center;
    font-size: 5px;
    color: rgb(140, 140, 140);
    padding-top: 5px;
}


/*新品上架*/
.new{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.new-word{
    margin-top: 20px;
    color: rgb(140, 140, 140);
    margin-bottom: 10px;
}
.new-word-one{
    display: block;
    margin-top: -22px;
    color: black;
    margin-left: 952px;
    text-decoration: none;
    margin-bottom: 10px;
}
.new table{
    border-collapse: collapse;
}
.new p{
    color: rgb(140, 140, 140);
}
.new-list{
    margin-left: 800px;
    margin-top: -904px;
    width: 195px;
    background-color: rgb(250, 250, 250);

}
.new .new-list td{
    border-left: none;
    height: 64px;
}



.hy{
text-decoration: none;
color: red;
}
.under{
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(140, 140, 140);
}
.hy-one{
    text-decoration: none;
    color: rgb(140, 140, 140);
}
.iconfont{
    margin-left: 50px;
    font-size: 10px;
}
.button{
    width: 162px;
    height: 30px;
    color: white;
    background-color: rgb(140, 140, 140);
    border: none;
}

/* 最后的底部 */
.last-bottom{
    width: 100%;
    background-color: rgb(250, 250, 250);
    margin-top: 30px;
}
.bottom-one{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}
.bopict-one img{
margin-left: 60px;
margin-top: 50px;
}.bopict-two{
margin-left: 270px;
margin-top: -71px;
}
.bopict-three{
    margin-top: -71px;
    margin-left: 490px;
}
.bopict-four{
   margin-top: -71px;
   margin-left: 710px;
}
.bopict-five{
    margin-top: -71px;
    margin-left: 900px;
}


.help{
    margin-top: 30px;
    width: 1000px; 
   
}
.help td{
    border: none;
   
}
.help a{
    text-decoration: none;
    color: rgb(140, 140, 140);
}
.help .right{
    border-right: 1px solid rgb(140, 140, 140); 
    width: 120px;
    padding-left: 30px;
}
.bard-right{
    text-align: center;
    color: rgb(140, 140, 140);
}
.bard-right-fize{
    font-size: 22px;
}
.help-button{
    width: 120px;
    height: 30px;
    color: white;
    background-color: orangered;
    border: none;
}

/*最最后底部*/
.botton-last{
    text-align: center;
    margin-top: 30px;
    font-size: 10px;
}
.botton-last span{
    color: rgb(140, 140, 140);
}

.botton-last span{
    margin-left: 5px;
    margin-right: 5px;
}